<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>test</title>
    <style></style>
    <script type="text/javascript" src="js/jquery-3.6.0.js"></script>
    <style>
        section {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }
    </style>
    <script>
        function f1(a, b = 3) {
            console.log('a = ', a);
            console.log('b = ', b);
        }
    </script>
</head>

<body>
<section>
    <div>
        <img src="image/t5.jpg" alt="#">
        <img src="image/t6.jpg" alt="#">
        <img src="image/t7.jpg" alt="#">
        <img src="image/w1.jpg" alt="#">
        <img src="image/w1.jpg" alt="#">
        <img src="image/w1.jpg" alt="#">
        <img src="image/w3.jpg" alt="#">
        <img src="image/w4.jpg" alt="#">
        <img src="image/w5.jpg" alt="#">
        <img src="image/w5.jpg" alt="#">
        <img src="image/w6.jpg" alt="#">
        <img src="image/w7.jpg" alt="#">
        <img src="image/w8.jpg" alt="#">
    </div>
    <div>
        <img src="image/w2.jpg" alt="#">
        <img src="image/w3.jpg" alt="#">
        <img src="image/w4.jpg" alt="#">
        <img src="image/w5.jpg" alt="#">
        <img src="image/w6.jpg" alt="#">
        <img src="image/w7.jpg" alt="#">
        <img src="image/w7.jpg" alt="#">
    </div>
</section>
</body>

</html>